#{extends 'main.html' /}
#{set title:'Contact' /}

<div class="series_tab" style="text-align: center">
<div class="series_title">Contact</div>
</div>


<div class="clear" style="height: 20px;"></div>

<div style="font-size: 12px; font-family: verdana;">
You can send your suggestions and problems to us with using the form below!
</div>

<div class="clear" style="height: 30px;"></div>

<div style="text-align:center; width: 100%;">

#{form @Contacts.postContact()}


#{ifErrors}
   <p class="error">
        All fields are required!
   </p>
   <div class="clear" style="height: 20px;"></div>
#{/ifErrors}


#{if msg}
   <p class="succesful">${msg}</p>
   <div class="clear" style="height: 20px;"></div>
#{/if}

<div class="table-row" style="margin-left: 100px; border: 0">
	<div class="left-container">Subject:</div>
	<div class="right-container">
	<input type="text" name="subject" id="subject" style="border: 1px solid #59983B; width: 300px;" /><br /></div>
</div>

<div class="table-row" style="margin-left: 100px; border: 0"">
	<div class="left-container">Message:</div>
	<div class="right-container">
	<textarea name="message" id="message" style="border: 1px solid #59983B; width: 300px; height: 200px;"></textarea></div>
</div>


<div class="table-row" style="margin-left: 100px; border: 0"">
	<div class="left-container"></div>
	<div class="right-container">
	<input type="submit" value="Contact Us!" style="border: 1px solid #59983B; width:120px; border-radius: 5px; height: 25px" /></div>
</div>




#{/form}
</div>